<template>
  <component :is="getOutlineComponent"></component>
</template>

<script setup lang="ts">
import { computed, ref, watch } from 'vue';
import style1 from './style/style1.vue';
import style2 from './style/style2.vue';
import style3 from './style/style3.vue';
import { urls } from '@/utils/request/upload';
import { commonDataStore } from '@/store';
import { storeToRefs } from 'pinia';
import { useProjectStore } from '@/store';
import Style4 from './style/style4.vue';
import style5 from './style/style5.vue';
import style6 from './style/style6.vue';
import style7 from './style/style7.vue';
import style8 from './style/style8.vue';
import style9 from './style/style9.vue';
import style11 from './style/style11.vue';

import style10 from './style/style10.vue';
import style12 from './style/style12.vue';
import style13 from './style/style13.vue';
import style14 from './style/style14.vue';
import style15 from './style/style15.vue';
import style16 from './style/style16.vue';
import style17 from './style/style17.vue';
const store = useProjectStore();
const commonStore = commonDataStore();
commonStore.GetCopyrightInfo();

const getOutlineComponent = computed(() => {
  switch (commonStore.templateId) {
    case 546821049266245:
      return style1;
      break;
    case 568727972499525:
      return style2;
      break;
    case 581876609753157:
      return style3;
      break;
    case 584041224159301:
      return Style4;
      break;
    case 594187892883525:
      return style5;
      break;
    case 598779929522245:
      return style6;
      break;
    case 607270742659141:
      return style7;
      break;
    case 609108365123653:
      return style8;
      break;
    case 618322755817541:
      return style9;
      break;
    case 621494527193157:
      return style10;
      break;
    case 621784378253381:
      return style11;
      break;
    case 628149200830533:
      return style12;
      break;
    case 643443922464837:
      return style13;
      break;
    case 645568970317893:
      return style14;
      break;
    case 651173498134597:
      return style15;
      break;
    case 661088851107909:
      return style16;
      break;
    case 688032033431621:
      return style17;
      break;
    default:
      return style1;
      break;
  }
});
</script>

<style scoped lang="less"></style>
